<template>
    <div>
        <div class="btnss" style="display: flex">
            <el-button type="primary" icon="el-icon-refresh" size="small"></el-button>
            <download-excel class="blueBtn" :data="dataList" :fields="json_fields" worksheet="My Worksheet"
                name="用户信息列表">

                <el-button type="primary" icon="el-icon-refresh" size="small">导出文件</el-button>
            </download-excel>
        </div>
        <!-- <kalacloudExportExcel /> -->
        <!-- <el-button type="primary" icon="el-icon-refresh" size="small" @click="exportExcel">导出文件</el-button> -->

        <tableData :config="table_config" :dataList="dataList" :loading="loading" @selection-change="selectionChange"
            @sort-change="sortChange" @click-change="rowChange" :page="pages.pageNum" :pageSize="pages.pageSize" />
        <pagination :total="total" :pageNum.sync="pages.pageNum" :limit.sync="pages.pageSize"
            @pagination="fetchData()" />
    </div>
</template>

<script>
// import { getList } from '@/api/table'
import TableData from '@/components/public/el-table';
import Pagination from '@/components/public/el-pagination';
// import kalacloudExportExcel from '@/components/public/kalacloudExportExcel';

import { sexType, roleType } from '@/utils/config';
// import XLSX from 'xlsx';
export default {
    components: {
        TableData,
        Pagination,
        // kalacloudExportExcel
    },
    data() {
        return {
            // 配置项
            table_config: {
                imgKeyWord: "url",
                fileKeyWord: "url",
                fileName: "fFileName",
                dialogHeight: '',
                thead: [
                    {
                        label: '姓名',
                        prop: 'name',
                        minWidth: '150px',
                        router: true,
                        routerPath: 'xxx'
                    },
                    {
                        label: '性别',
                        prop: 'sex',
                        minWidth: '100px',
                        filter: true,
                        callback: (rowData) => {
                            let data = sexType[rowData.sex]
                            if (data) {
                                return data.label
                            }
                        }
                    },
                    { label: '头像', prop: 'img', minWidth: '100px', image: true },
                    { label: '文件', prop: 'file', minWidth: '100px', file: true },

                    { label: '项目名称', prop: 'projectName', minWidth: '100px', detail: true },
                    { label: '电话', prop: 'phone', minWidth: '150px', },
                    { label: '时间', prop: 'time', minWidth: '200px', sortable: true },
                    {
                        label: '角色',
                        prop: 'role',
                        minWidth: '150px',
                        filter: true,

                        colorName: '',
                        callback: (rowData) => {
                            let data = roleType[rowData.role]
                            if (data) {
                                return data.label
                            }
                        },
                        specialClass: (rowData) => {
                            let data = roleType[rowData.role]
                            if (data) {
                                return data.className
                            }
                        }
                    },
                    {
                        label: '状态',
                        prop: 'status',
                        minWidth: '150px',
                        switch: true,
                        callback: this.changeStatus
                    },
                ],
                isCheckBox: true,
                isIndex: true,
                isOperation: true,
                // 表格操作列
                operation: {
                    label: '操作',
                    width: '200',
                    cols: [
                        {
                            label: '编辑',
                            type: 'primary',
                            handleRow: this.handleRow
                        },
                        {
                            label: '删除',
                            type: 'danger',
                            handleRow: this.handleRow
                        }
                    ]
                },
            },
            dataList: [],
            loading: false,
            pages: {
                pageNum: 1,
                pageSize: 10
            },
            total: 0,
            json_fields: {  //导出Excel表格的表头设置
                '序号': 'type',
                '姓名': 'name',
                '性别': 'sex',
                '项目名称': 'projectName',
                '电话': 'phone',
            },

        }
    },
    mounted() {
        this.fetchData()
        this.getHeight()
    },
    methods: {
        // 获取页面容器高度
        getHeight() {
            var h = document.documentElement.clientHeight; //获取页面可见高度


            this.table_config.dialogHeight = h * 0.9 + "px";
            console.log(h, this.table_config.dialogHeight);
        },
        exportExcel() {
            // const data = XLSX.utils.json_to_sheet([
            //     { '姓名': '谢国庆', '年龄': 29, '电话': '13697653219' },
            //     { '姓名': '吕小果', '年龄': 25, '电话': '13235789213' },
            //     { '姓名': '宋阿美', '年龄': 27, '电话': '13756776977' },
            //     { '姓名': '蒋铁柱', '年龄': 33, '电话': '15003373377' }
            // ])
            // const wb = XLSX.utils.book_new()
            // XLSX.utils.book_append_sheet(wb, data, 'kalacloud-data')
            // XLSX.writeFile(wb, 'kalacloudExportExcel.xlsx')

        },
        fetchData() {
            this.loading = true
            this.dataList = [{
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: "1",
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],



            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],
            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],


            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],


            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],
            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],
            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],

            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],


            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],

            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],



            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],




            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],



            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],


            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],



            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],



            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],


            }, {
                name: '花花',
                sex: '1',
                imgKeywords: "url",
                img: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                }, {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                }],
                phone: '18092642207',
                time: '2022-07-25',
                role: '1',
                status: 0,
                projectName: "77777",
                fileKeywords: "url",
                fileName: "fFileName",
                file: [{
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "aaa"
                },
                {
                    url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                    fFileName: "bbb"
                }],



            }
                // , {
                //     name: '花花',
                //     sex: '1',
                //     imgKeywords: "url",
                //     img: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                //     }, {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                //     }],
                //     phone: '18092642207',
                //     time: '2022-07-25',
                //     role: '1',
                //     status: 0,
                //     projectName: "77777",
                //     fileKeywords: "url",
                //     fileName: "fFileName",
                //     file: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "aaa"
                //     },
                //     {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "bbb"
                //     }],



                // }, {
                //     name: '花花',
                //     sex: '1',
                //     imgKeywords: "url",
                //     img: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                //     }, {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                //     }],
                //     phone: '18092642207',
                //     time: '2022-07-25',
                //     role: '1',
                //     status: 0,
                //     projectName: "77777",
                //     fileKeywords: "url",
                //     fileName: "fFileName",
                //     file: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "aaa"
                //     },
                //     {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "bbb"
                //     }],



                // }, {
                //     name: '花花',
                //     sex: '1',
                //     imgKeywords: "url",
                //     img: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                //     }, {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                //     }],
                //     phone: '18092642207',
                //     time: '2022-07-25',
                //     role: '1',
                //     status: 0,
                //     projectName: "77777",
                //     fileKeywords: "url",
                //     fileName: "fFileName",
                //     file: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "aaa"
                //     },
                //     {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "bbb"
                //     }],



                // }, {
                //     name: '花花',
                //     sex: '1',
                //     imgKeywords: "url",
                //     img: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                //     }, {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                //     }],
                //     phone: '18092642207',
                //     time: '2022-07-25',
                //     role: '1',
                //     status: 0,
                //     projectName: "77777",
                //     fileKeywords: "url",
                //     fileName: "fFileName",
                //     file: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "aaa"
                //     },
                //     {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "bbb"
                //     }],



                // }, {
                //     name: '花花',
                //     sex: '1',
                //     imgKeywords: "url",
                //     img: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                //     }, {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                //     }],
                //     phone: '18092642207',
                //     time: '2022-07-25',
                //     role: '1',
                //     status: 0,
                //     projectName: "77777",
                //     fileKeywords: "url",
                //     fileName: "fFileName",
                //     file: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "aaa"
                //     },
                //     {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "bbb"
                //     }],


                // }, {
                //     name: '花花',
                //     sex: '1',
                //     imgKeywords: "url",
                //     img: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                //     }, {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                //     }],
                //     phone: '18092642207',
                //     time: '2022-07-25',
                //     role: '1',
                //     status: 0,
                //     projectName: "77777",
                //     fileKeywords: "url",
                //     fileName: "fFileName",
                //     file: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "aaa"
                //     },
                //     {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "bbb"
                //     }],
                // }, {
                //     name: '花花',
                //     sex: '1',
                //     imgKeywords: "url",
                //     img: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                //     }, {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                //     }],
                //     phone: '18092642207',
                //     time: '2022-07-25',
                //     role: '1',
                //     status: 0,
                //     projectName: "77777",
                //     fileKeywords: "url",
                //     fileName: "fFileName",
                //     file: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "aaa"
                //     },
                //     {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "bbb"
                //     }],


                // }, {
                //     name: '花花',
                //     sex: '1',
                //     imgKeywords: "url",
                //     img: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                //     }, {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                //     }],
                //     phone: '18092642207',
                //     time: '2022-07-25',
                //     role: '1',
                //     status: 0,
                //     projectName: "77777",
                //     fileKeywords: "url",
                //     fileName: "fFileName",
                //     file: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "aaa"
                //     },
                //     {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "bbb"
                //     }],
                // }, {
                //     name: '花花',
                //     sex: '1',
                //     imgKeywords: "url",
                //     img: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/XCZP1667445593000/9c469875-ebd6-43ab-b25e-96ddd8609d09.jpg"
                //     }, {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/CLZP1667445593000/827c906b-9b5d-4227-8758-f846a4236f23.jpg"
                //     }],
                //     phone: '18092642207',
                //     time: '2022-07-25',
                //     role: '1',
                //     status: 0,
                //     projectName: "77777",
                //     fileKeywords: "url",
                //     fileName: "fFileName",
                //     file: [{
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "aaa"
                //     },
                //     {
                //         url: "http://1.14.19.236:8301//fileAnnexes/20221103/ZLFJ1667445551000/300aa5f3-738f-48d3-8552-1adbc37e6887.pdf",
                //         fFileName: "bbb"
                //     }],


                // },
            ]
            this.total = 26
            this.loading = false
            // getList(this.pages).then(res => {
            //     if (res.data.code === 20000) {
            //         this.dataList = res.data.data.items
            //         this.total = res.data.data.total
            //         this.loading = false
            //     }
            // })
            setTimeout(() => {
                this.loading = false
            }, 3000)
        },
        // 操作方法
        handleRow(rowData, label) {
            console.log(rowData, label);
        },
        // 多选方法
        selectionChange(val) {
            console.log(val);
        },
        // 排序方法
        sortChange(val) {
            console.log(val);
        },
        // 点击当前行
        rowChange(val) {
            console.log(val);
        },
        changeStatus(val) {
            console.log(val);
        }
    }
}
</script>